/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
    screens: {
      'xs': {
        'max': '599px'
      },
      'sm': {
        'min': '600px',
        'max': '960px'
      },
      'md': {
        'min': '961px',
        'max': '1264px'
      },
      'lg': {
        'min': '1265px',
        'max': '1699px'
      },
      'xl': {
        'min': '1700px'
      },
    },
    space: {
      '37.5': '150px'
    }
  },
  plugins: []
}
